<ui:composition 
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui">

    <p:dialog id="pedidoSeleccionado" widgetVar="dlgPedido"
                  header="Pedido pendiente"  width="1100"
                  resizable="false" position="center" modal="true"  >

        <!--<p:growl showDetail="true" life="10000" />-->       

        <h:panelGrid columns="3"  columnClasses="panelGridTop,panelGridTop,panelGridTop" >

            <h:panelGroup>

                <h:panelGrid columns="2" >
                    <h:outputText value="Nro Pedido:"/>
                    <h:panelGroup>
                        <h:outputText value="#{consultaPedidosBean.pedido.sucursal.sucurs}"  >
                            <f:convertNumber pattern="0000" />
                        </h:outputText>

                        <h:outputText value="#{consultaPedidosBean.pedido.id.nrofor}" >
                            <f:convertNumber pattern="-00000000" />
                        </h:outputText>
                    </h:panelGroup>

                    <h:outputText value="Fecha:"/>
                    <h:outputText value="#{consultaPedidosBean.pedido.fchmov}" >
                        <f:convertDateTime pattern="dd/MM/yyyy" />
                    </h:outputText>

                    <h:outputText value="Cliente:"/>
                    <h:outputText value="#{consultaPedidosBean.pedido.cliente.nombre}" title="Id" />
                </h:panelGrid>

            </h:panelGroup>

            <h:panelGroup>
                <h:outputText value="Notas: " />
                <p:inputTextarea cols="60" rows="3" value="#{consultaPedidosBean.pedido.textos}" readonly="true" />
            </h:panelGroup>

            <h:panelGroup>
                
            </h:panelGroup>

        </h:panelGrid>
        
        <p:dataTable value="#{consultaPedidosBean.pedido.itemsProducto}" var="i"
             emptyMessage="No tiene productos en el pedido seleccionado"
             scrollable="true" scrollHeight="220"  >

            <p:column headerText="Código" style="width: 95px; text-align: center;">
                <h:outputText value="#{i.producto.codigo}"/>
                <br/>
                <h:outputText value="(#{i.producto.nroParte})" rendered="#{not empty i.producto.nroParte }" />
            </p:column>

            <p:column headerText="Descripción" style="width: 300px;">
                <h:outputText value="#{i.producto.descrp}"/>
            </p:column>
            
            <p:column headerText="Present." style="width: 80px;" >
                <h:outputText value="#{i.producto.unidadConversion.unidad} #{i.producto.faccon} #{i.producto.unidadMedida.unidad} " />
            </p:column>

            <p:column headerText="Pedido" style="text-align: right; width: 50px;" >
                <h:outputText value="#{i.cantid}" >
                    <f:convertNumber pattern="0" />
                </h:outputText>
            </p:column>

            <p:column headerText="Pendiente" style="text-align: right; width: 60px; font-weight: bold;" >
                <h:outputText value="#{i.pendiente}" >
                    <f:convertNumber pattern="0" />
                </h:outputText>
            </p:column>

            <p:column headerText="Precio Unit." style="width: 83px; text-align: right;">

                <h:outputText value="#{i.precioFinalConIVA}"
                              style="text-align: right;" >
                    <f:convertNumber pattern="$ 0.000" />
                </h:outputText>

            </p:column>

            <p:column headerText="Total Pend." style="width:83px; text-align: right;">
                <h:outputText value="#{i.totalPendienteConIVA}" >
                    <f:convertNumber pattern="$ 0.00"  />
                </h:outputText>
            </p:column>

            <f:facet name="footer">

                <div align="right" style="width:825px;" >
                    <h:outputText value="Importe Total: " />
                    <h:outputText value="#{consultaPedidosBean.pedido.subTotalPendienteConIVA}" >
                        <f:convertNumber pattern="$ 0.00" />
                    </h:outputText>
                </div>

            </f:facet>

        </p:dataTable>

        <p:messages showDetail="true" />

    </p:dialog>

</ui:composition>
